<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>top</title>
</head>
<!-- 设置网站抬头-->
<style>
    .a{
        /*该分区在图像最左端
        并通过象对定位从左端留出50像素的距离*/
        padding: 5px;
        float: left;
        position: relative;
        left: 50px;
    }
    .b{
        /*该分区在图像最右端
        并通过象对定位从右端留出50像素的距离
        设置背景颜色和边框均为青色*/
        float: right;
        position: relative;
        right: 50px;
        top: 40px;
        border: 1px cyan;
        background: rgb(0, 248, 236);
    }
    .c{
        /*该分区为b的子级，依据b展示图像的位置而定位*/
        position: absolute;
        top: -15px;
    }
</style>
<body>
    <div class="a">
        <img src="image\logo.jpg">
    </div>
    <div class="b">
        尾品汇   当当优品   数字馆   都看阅器
        <div class="c">
            <img src="image\icon_count.png">
        </div>
    </div>
    

</body>
</html>